﻿<html>
<head>
<title>CSS3 Border Top Test</title>

<style type="text/css">
body {border-top: yellow; border-top-style: solid;}
p {border-top: thick; border-top-style: solid; 
  }
h3 {border-top: 20px solid green;}
h4 {border-top: 5em dashed red;}
em {border-top: 2mm dotted blue;}
</style>
</head>

<body>




<h1>CSS3 Border Top Test</h1>





<ul>
<li >
For "border-top", possible values are "border-width||border-style||color" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a thick
border top (with intiial value for border-color?) .
The rule applied is "p {border-top: thick;}".  Also "p {border-top-style: solid;}" is applied.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
The border-top of this h3 heading should be 20px solid green.  
The rule applied is "h3 {border-top: 20px solid green;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>
<h4>
The border-top of this h4 heading should be 5em dashed red.
The rule applied is "h4 {border-top: 5em dashed red;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border top of 2mm dotted blue.
The rule applied is "em {border-top: 2mm dotted blue;}".  
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have thick border top.
The body's border top of yellow should display,
since the rule "body {border-top: yellow}" applies (initial value for border-width).
Also "body {border-top-style: solid;} is applied.  
</p>

</body>
</html>
